@charset "utf-8";
.banner{
    margin: 0 auto 0;
    width:100%;
    position: relative;
    z-index: 0;
}
.banner .video_son{
    /* width:96%; */
    margin:0 auto;
}
.banner .lunbo{
    width: 100%;
    position: relative;
    margin: auto;
}
.banner .lunbo .swiper-container{
    width: 100%;
}
.banner div.bg {height: 32.4em;background-size: auto 100%;background-repeat: no-repeat;background-position: center;}



.banner .item{
    width:100%;
    height:100%;
    position: relative;
}


.banner .banner_link{
    display: block;
    width: 9em;
    height: 3em;
    line-height: 3em;
    border: .1em solid white;
    border-radius: 1.4em;
    text-align: center;
    position: absolute;
    bottom: 14.8148148148148%;
    left:50%;
    margin-left: -4em;
    color:white;
    font-size: 1.1em;
}
.banner .banner_link:hover{background-color:#7561a8; border:.1em solid #7561a8;}
.banner .lunbo .swiper-container .swiper-pagination-bullet{
    width: 5em;
    border-radius: 0;
    height: .2em;
}
.banner .lunbo .swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background-color: #fff;
}
.solution_model{
    width: 60em;
    margin: 3em auto 1em;
}
.solution_model .title{
    text-align:center;
    /* font-size: 2.811127em; */
    font-weight: bold;
}

.solution_model .product{margin-top: 2em;}
.solution_model .section{
    width: 100%;
    margin-bottom: 1em;
}
.solution_model .section .item{
     height: 17.5em;
     border-radius: .5em;
     margin: 0.875em;
}
.solution_model .section .bgchange{overflow:hidden;position: relative;}

.solution_model .section .bg{width:100%;height:100%;background-size: cover;background-position: center;z-index: 0;position: absolute;}
.solution_model .section .bgchange:hover .bg{transform: scale(1.2); transition: all 1.2s;}
.solution_model .section .bg .mask{background-color: rgba(159,163,170,.6);display:none;}
.solution_model .section .bgchange:hover .bg .mask{display:block;width:100%; height:100%;}
.solution_model .section .small{
    width: 18.25em;
    background-color: #d2d2d2;
}
.solution_model .section  .big{
    width: 38.25em;
    background-color: #d2d2d2;
}

.border_style{
    border-radius: 10px;
    box-shadow: 0 0 10px 4px #acacac, -10px 10px 10px 10px rgba(255,255,255,0.5);
    /* padding:0.07421875rem 0.15625rem; */
}
.solution_model .section .bottom_right{
    width: 30.5%;
    height:100%;
    background-color: #d2d2d2;
}

.solution_model .section .txt{
    color:white;
    line-height: 1.5em;
    z-index: 2;
    position: absolute;
    bottom: 1em;
    left: 1em;
    margin-right: 1em;
}
.solution_model .section .txt h3{
    font-size: 1.0835em;
}
.solution_model .section .txt .link,.solution_model .section .txt .brief{
    font-size: 0.8335em;
    color:white;
}
.solution_model .section .txt .link{display:none;font-weight:bold;}
.solution_model .section .bgchange:hover .txt{color:#7561a8;}
.solution_model .section .bgchange:hover .txt .link,.solution_model .section .bgchange:hover .txt .brief{display:block; color:#7561a8;}
.solution_model .section .bgchange .txt .link .arrow{color:#7561a8;display: inline-block;margin-left: .5em;font-size: 1.2em;}


.choice_section2{
    width: 69.3em;
    margin: 3.5em auto;
}

.choice_section2 .item{
    width: 15em;
    float: left;
    margin-right: 3em;
    position:relative;
}
.choice_section2 .item.last{margin-right:0;}
.choice_section2 .item .tips{
    background-color: #b5b5b5;
    width: 7.8em;
    line-height: 2.76em;
    text-align:center;
    position:absolute;
    top:0;
    left:0;
    font-size: 0.8335em;
    color: #ffffff;
}
.choice_section2 .item  .wrapper{
    height: 12.5em;
    overflow:hidden;
    background-color:#fff;
}
.choice_section2 .item  .wrapper .bg{
    height:100%;
    background-size: cover;
    background-repeat:no-repeat;
    background-position:center;
}
.choice_section2 .item img{
    max-width:100%;
    max-height:100%;
    margin:auto;
    
}
.choice_section2 .item .introduce{
    height: 17em;
    width:100%;
    margin:0 auto;
    background-color: #f4f4f4;
    background: url('/web/srt/images/choice_bg.jpg') no-repeat;
    text-align: center;
    background-size: 100% 100%;
    border-radius: .5em;
    overflow: hidden;
    display: block;
}
.choice_section2 .item .introduce .desc{
    padding: 0 1em;
    text-align: center;
    font-size: 0.8335em;
}
.choice_section2 .item .introduce .desc a{
    color:#000;
}
.choice_section2 .item .introduce .desc.noImg{
    padding-top: 3.5em;
    text-align: left;
    font-size: 0.8335em;
}
.choice_section2 .item .introduce .desc.noImg *{
    font-size: .9em;
    color: #000;
}


.imageflow{overflow:hidden; position:relative; text-align:left; visibility:hidden; width:100%}
.imageflow img{border:none; position:absolute; top:0px; visibility:hidden; -ms-interpolation-mode:bicubic}
.imageflow p{margin:0 auto; text-align:center}
.imageflow .loading{border:1px solid #ccc; height:15px; left:50%; margin-left:-106px; padding:5px; position:relative; visibility:visible; width:200px}
.imageflow .loading_bar{background:#ccc; height:15px; visibility:visible; width:1%}
.imageflow .caption{font-weight:bold; position:relative; text-align:center; z-index:10000}
.imageflow .scrollbar{border-bottom:1px solid #b3b3b3; position:relative; visibility:hidden; z-index:10001; height:1px}
.imageflow .slider{height:14px; margin:-6px 0 0 -7px; position:absolute; width:14px; z-index:10002}
.imageflow .images{overflow:hidden; white-space:nowrap}

.introduce p{
    /* display: inline-block; */
    vertical-align: middle;
}
.introduce span{
    display: inline-block;
    height: 100%;
    vertical-align: middle;

}
.choice_model .choice_link{
    display: inline-block;
    min-width: 8.22em;
    padding: 0 1em;
    height: 3em;
    line-height: 3em;
    border: 1px solid black;
    border-radius: 1.4em;
    text-align: center;
    margin: 1.8em auto 0;
    font-size: 0.8335em;
    color: #191919;
}
.choice_model .choice_link:hover{background-color:#7561a8; color:#ffffff;}

.choice_view{
    margin: 0 auto 0;
    width: 79.75em;
    height: 34em;
}
.choice_view .title.line{display: inline-block;height:1px;width: 8em;margin: 1em 0 1em;}
.choice_view .title.line:after{left:0;}
.choice_view .item{
    width: 35%;
    height:100%;
    position: relative;
    float: right;
    background-color: rgba(210,210,210,0.77);
    border-bottom-right-radius: 1em;
    border-top-right-radius: 1em;
}

.choice_view .lunbo{
    position: relative;
    height: 100%;
}
.choice_view .lunbo .section-content{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

.choice_view .view_section{
    width: 100%;
    margin: 0 auto;
    height: 100%;
}

.choice_view div.bg {height: 100%;background-repeat: no-repeat;background-size: cover;background-position: center;position: absolute;width: 100%;left: 0;top: 0;border-radius: 1em;}
.choice_view .bgvideo {
    display:block;
    position:absolute;
    top:0;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    border-radius: 1em;
    object-fit:cover;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    z-index: -1;
    }
.choice_view .bgvideo source{min-width:100%;min-height:100%;height:auto;width:auto;}  

.choice_view .swiper-slide-active{
    z-index: 100;
}
.choice_view .swiper-slide-active,.choice_view .swiper-slide-duplicate-active{
    transform: scale(1);
}
.choice_view .swiper-slide.swiper-slide-prev{
    transition: 300ms;
    transform: scale(0.8) translateX(97%);
}
.choice_view .swiper-slide.swiper-slide-next{
    transition: 300ms;
    transform: scale(0.8) translateX(-97%);
}

.choice_view .swiper-slide > .wrapper{
    border-radius: 1em;
    -webkit-border-radius:1em;
    -moz-border-radius:1em;
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: relative;
    border: 1px solid #dbdbdb;
    transform: rotate(0deg) scale(1) translateZ(0.01px);
}
.choice_view .swiper-slide-active > div.wrapper{
}


.choice_view .swiper-container {
    width: 100%;
    padding: 2em 1em;
}
.choice_view .swiper-slide {width: 63em;height: 29.3em; overflow:hidden;}
.choice_view .swiper-slide-active,.choice_view swiper-slide-duplicate-active{
     /* transform: scale(1); */
}

#choice .item .inner_model{
    padding: 3em 1em 0;
    height: 100%;
    width: 100%;
    position:absolute;
    right:0;
}

#choice .p1{color:white;font-weight: bold;margin-bottom: 1em;text-align: left;font-size: 1.6665em;}
#choice .p2{
    color:white;
    text-align: left;
    font-size: 1em;
    max-height: 12em;
    overflow: hidden;
}


#choice a.btn{
    font-size: 1.0835em;
    display: block;
    line-height: 3em;
    border: .1em solid white;
    border-radius: 1.4em;
    text-align: center;
    width: 8.445em;
    float: left;
    color:white;
}
#choice a.btn:hover{background-color:#7561a8; color:#ffffff;border:.1em solid #7561a8;}
#choice .swiper-slide-active .item{
    background-color: rgba(210,210,210,0.77);
}

/**
分页器样式
 */
.banner .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:0px;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    width: 5.4em;
    height: .2em;
    border-radius: 0;
    margin-bottom: 2em;
}
/**
   placeholder 值
 */
input:focus::-webkit-input-placeholder {
    color: transparent;
}
/* Mozilla Firefox 4 to 18 */
input:focus:-moz-placeholder {
    color: transparent;
}
/* Mozilla Firefox 19+ */
input:focus::-moz-placeholder {
    color: transparent;
}
/* Internet Explorer 10+ */
input:focus:-ms-input-placeholder {
    color: transparent;
}

textarea:focus::-webkit-input-placeholder {
    color: transparent;
}
/* Mozilla Firefox 4 to 18 */
textarea:focus:-moz-placeholder {
    color: transparent;
}
/* Mozilla Firefox 19+ */
textarea:focus::-moz-placeholder {
    color: transparent;
}
/* Internet Explorer 10+ */
textarea:focus:-ms-input-placeholder {
    color: transparent;
}



@media all and (max-width: 1200px) {
    .banner{}
    .banner div.bg{background-size:auto 100%;}
    .solution_model{

}
.choice_view{}
.choice_model{/* font-size:.10344827586206898rem; */}
.foot{/* font-size: 0.12rem; */}
}
@media all and (max-width: 812px) {
    .banner div.bg{background-size:auto 100%;}
    
}